import React from 'react'
import {
  autorun,
  observable,
  getObservableMaker,
  observe,
  define,
  reaction,
} from '@formily/reactive'

// const box = observable.box(123)

// reaction(() => {
//   console.log('box.value: ', box.get())
// })

// observe(box, (value) => {
//   console.log('set', value)
// })
//
// setTimeout(() => {
//   box.set(2)
// }, 1000)
//
// const target = {
//   o1: 1
// }
//
// const boxObserver = getObservableMaker(observable.box)({ target, key: 'o1' }).o1
//
//
// reaction(() => {
//   console.log('box.value: ', boxObserver.get())
// })
//
//
// setTimeout(() => {
//   boxObserver.set(2)
// }, 1000)

export default () => <div>box-test</div>
